


<script>
    $(function() {
        $(document).tooltip({
            position: {
                my: "center bottom-20",
                at: "center top",
                using: function(position, feedback) {
                    $(this).css(position);
                    $("<div>")
                            .addClass("arrow")
                            .addClass(feedback.vertical)
                            .addClass(feedback.horizontal)
                            .appendTo(this);
                }
            }
        });
    });
</script>
<style>
    .ui-tooltip, .arrow:after {
        background: black;
        border: 2px solid white;
    }
    .ui-tooltip {
        padding: 10px 20px;
        color: white;
        border-radius: 20px;
        font: bold 14px "Helvetica Neue", Sans-Serif;
        text-transform: uppercase;
        box-shadow: 0 0 7px black;
    }
    .arrow {
        width: 70px;
        height: 16px;
        overflow: hidden;
        position: absolute;
        left: 50%;
        margin-left: -35px;
        bottom: -16px;
    }
    .arrow.top {
        top: -16px;
        bottom: auto;
    }
    .arrow.left {
        left: 20%;
    }
    .arrow:after {
        content: "";
        position: absolute;
        left: 20px;
        top: -20px;
        width: 25px;
        height: 25px;
        box-shadow: 6px 5px 9px -9px black;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        tranform: rotate(45deg);
    }
    .arrow.top:after {
        bottom: -20px;
        top: auto;
    }
</style>
<div class="div-dangnhap">
    <h1>Đăng Nhập</h1>


    <form class="fm-dangnhap" action="<?php echo base_url(); ?>user/xulyDangNhap" method="post" >
        <img alt="" src="<?php echo base_url(); ?>public/img/login-user-2.png" class="img-dangnhap">
        <br> <br>
        <input type="text" class="input-text" spellcheck="false" value="CB0001" placeholder="10A110001" 
               name="taikhoan" 

               id="taikhoan" title="Mã số sinh viên hoặc mã số cán bộ">
        <br> <br>
        <input type="password" class="input-text"  name="matkhau" id="pwd" title="Mật khẩu">
        <br><br> 
        <input type="submit" value="Đăng nhập" class="bt-dangnhap" 
               name="sub-dangnhap" id="sub-dangnhap">

        <br><br>    
        <a class="link-quenmatkhau" href="<?php echo base_url(); ?>user/QuenMatKhau" id="link-quenmatkhau">
            Quên mật khẩu
        </a>

    </form>
</div>